@keyframes shake {
from {
transform:rotate(15deg)
}
to {
transform: rotate(-15deg)
}
}
/* 宸﹁竟绾㈠寘鎽囨憜 .redbag-wrap {
position: absolute;
top: 0px;
right: 22%;
}
.hon_wrap {
width: 100%;
width: 240px;
height: 0;
position: fixed;
z-index: 100;
top: 25%;
right: 1710px;
/*绾㈠寘鐨勫乏鍙虫憞鎽�*/
animation-name: shake;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(.6, 0, .3, 1);
animation-direction: alternate;
transform-origin: top center;
}*/
#iphone {
padding: 10px 15px;
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
opacity: 0.8;
-webkit-opacity: 5px;
-ms-opacity: 5px;
-o-opacity: 5px;
-moz-opacity: 5px;
background: #000;
color: #fff;
position: fixed;
font-size: 14px;
top: 50%;
left: 50%;
margin-left: -71px;
}
.zx_xrhb_hon {
height: 262px;
position: absolute;
width: 3px;
right: 135px;
/* top: -10px; 绾㈠寘鐨勭嚎璺�*/
/*background: url('/static/home/skin/images/line_ho.png')no-repeat center;
box-shadow: rgba(0,0,0,.07) 8px 0 10px;*/
}
.zx_xrhb_hon .line {
position: absolute;
bottom: -45px;
left: -43px;
display: none;
z-index: 10;
/* width: 149px; */
/* height: 141px; */
margin: 0;
background: initial;
}
.zx_xrhb_hon img {
cursor: pointer;
z-index: 100;
position: relative;
display: block;
width: 250px;
height: 150px;
/* height: 100px; */
/* height: 200px; */
/* height: 144px;
animation-name: shake;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(.6, 0, .3, 1);
animation-direction: alternate;
transform-origin: center;*/
}
.red-mark {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 99999;
}
.red-packet {
height: 607px;
width: 500px;
/* padding-top: 420px; */
background: url('/static/home/skin/images/redPacke.png')no-repeat center;
position: fixed;
top: 50%;
left: 50%;
margin: -280px 0 0 -250px;
z-index: 100000;
display: none;
background-size: 100%;
}
.red-packet.active {
background: url('/static/home/skin/images/redPacketEndpc.png')no-repeat center;
background-size: 100%;
}
.red-packet.active form {
display: none;
}
.red-packet .red-close {
width: 32px;
height: 117px;
position: absolute;
right: 55px;
top: 0;
border-right: 1px solid #fff;
}
.red-packet .red-center {
width: 71%;
padding: 109px 38px;
margin: 281px auto 0 112px;
}
.red-packet .red-close img {
position: absolute;
left: 13.5px;
top: -34px;
width: 38px;
cursor: pointer;
}
.red-center input.ipt {
margin-bottom: 14px;
height: 33px;
padding: 0 5%;
background: #fff;
color: #4a4a4a;
width: 66%;
margin: 0 auto;
border-radius: 50px;
display: block;
font-size: 16px;
position: absolute;
margin-top: -2px;
}
.red-center .red-btn {
text-align: center;
background: transparent;
font-size: 18px;
font-weight: 600;
cursor: pointer;
height: 100px;
margin: 40px 60px;
display: block;
border: 0px;
width: 200px;
height: 100px;
position:absolute;
}
.red-center input.ipt {
border: 0px;
width: 208px;
}
.zx-dialog-wrap {
display: none
}
.zx_xrhb_hon img.shake2 {
margin-top: -207px;
z-index: 1;
display: none;
}
/*脙茠脝鈥櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮访兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮っ兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮久兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮好兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮ッ兤捗嗏€櫭兟⒚⑩€毬偮γ兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏€櫭冣€毭偮⒚兤捗偮⒚兟⒚⑩€毬吢∶冣€毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮惷兤捗嗏€櫭冣€犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏€櫭兟⒚⑩€毬吢∶兤捗⑩偓拧脙鈥毭偮�*/
.ltbm {
width: 208px;
height: 72px;
position: fixed;
left: 5px;
bottom: 5px;
background: url('/static/home/skin/images/ltbm.png') center no-repeat;
z-index: 99999;
}
#iphone {
z-index: 9999999
}
.ltbm .red-center input.ipt {
float: left;
margin-bottom: 0px;
height: 25px;
padding: 0;
background: none;
color: #333;
width: 46%;
margin: 0 auto;
border-radius: 0px;
display: block;
margin-top: 41px;
font-size: 12px;
margin-left: 16px
}
.ltbm .red-center .red-btn {
text-align: center;
background: transparent;
font-size: 18px;
font-weight: 600;
cursor: pointer;
height: 100px;
margin: 0 auto;
display: block;
border: 0px;
width: 90px;
height: 28px;
float: left;
margin-top: 40px;
}